@charset "utf-8";
body {font-size: 16px ; line-height:18px;}
td {font-size: 16px ; line-height:30px; text-align:center;}
a:hover {text-decoration:underline;color:#FF0000}  

.container {
	width: 1000px;
	position: relative;
    margin: 100px auto;
    padding: 0 15px;
}
/* 头部 开始 */
.navlogo {
    float: left;
	width: 265px;
    background: url(../images/f/豪华官邸_01.jpg) no-repeat 0 0;
}
.navgb {
    position: relative;
    float: right;
	width: 735px;
	background-color: #4c0a51;
}
.triangle-left-bottom {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 30px solid #fff;
}
.fantasy-tips {
	width:100%;
	height:30px;
	text-align: right;
	color:#ff0;
}
.nav {
	list-style-type: none;
	margin: 10px 40px;
	text-align: center;
	font-size: 16px;
}
.nav li {
	float: left;
	width: auto;
	padding: 6px;
}
.nav li a {
	color:#fff;
	display: block;
}
.nav li a:hover {
	text-decoration:underline;
	color:#FF0000
}
.nav li a:link, a:visited, a:actie {
	text-decoration:underline;
	color:#fff;
}
/* 头部 结束 */
/* 中左 开始 */
.middleleft {
    float: left;
	position: relative;
	height:641px;
}
.left1 {
	position: relative;
	width: 265px;
	height:241px;
    background: url(../images/f/豪华官邸_04.jpg) no-repeat 0 0;
}
.left2 {
	position: relative;
	width: 265px;
	height:400px;
    background: url(../images/f/豪华官邸_09.jpg) no-repeat 0 0;
}
/* 中左 结束 */
/* 中主 开始 */
.middle {
	position: relative;
    float: right;
	width: 735px;
	height:602px;
}
.ads {
	width:100%;
	text-align:center;
}
.ads img {
	width:95%;
	margin: 5px;
	height:80px;
}
/* 中底 开始 */
.middlebottom {
	position: relative;
    float: right;
	width: 735px;
	height:39px;
    background: url(../images/f/豪华官邸_11.jpg) no-repeat 0 0;
}
/* 中底 结束 */
/* 中主 结束 */

#content {
	width: 735px;
	height: 602px;
	float: left;
}

#userzone {
	width:100%;
	height:130px;
	position:relative;
}
#functions {
	width:100%;
	height:111px;
	position:relative;
}
#userface {
	width:70px;
	height:120px;
	float:left;
	text-align:center;
	padding:5px;
}
#userface img {
	max-width:70px;
}
#compass {
	width:120px;
	height:126px;
	float:left;
	background-image:url("../images/fantasy/action.gif");
	position:relative;
}
#compass div {
	width:40px;
	height:42px;
	position:absolute;
	display:none;
	cursor:pointer;
	background:url("../images/fantasy/action2.gif") no-repeat; 
	overflow:hidden;
}
#compass #northwest {
	top:0px;
	left:0px;
	background-position:0px 0px;
}
#compass #north {
	top:0px;
	left:42px;
	background-position:-42px 0px;
}
#compass #northeast {
	top:0px;
	left:80px;
	background-position:-80px 0px;
}

#compass #west {
	top:42px;
	left:0px;
	background-position:0px -42px;
}
#compass #east {
	top:42px;
	left:80px;
	background-position:-80px -42px;
}

#compass #southwest {
	top:84px;
	left:0px;
	background-position:0px -84px;
}
#compass #south {
	top:84px;
	left:40px;
	background-position:-40px -84px;
}
#compass #southeast {
	top:84px;
	left:80px;
	background-position:-80px -84px;
}




